﻿
/*歌单推荐*/
.musicList {
    width: 100%;
    height: 440px;
    background: #f8f8f8;
}
/*歌单推荐文字*/
.recomList {
    text-align: center;
    font-size: 35px;
    width: 100%;
    height: 25%;
    line-height: 100px;
    letter-spacing: 6px;
}
/*分类*/
.forRecom {
    width: 62%;
    height: 5%;
    line-height: 30px;
    padding-left: 39%;
}
/*分类下各个div样式*/
.forRecom div {
        display: block;
        float: left;
        width: auto;
        margin: 0 20px;
        font-size: 14px;
}
/*avtive*/
.forRecom .active {
        color: #0c8ed9;
}
/*歌单的具体信息*/
.noTableList {
    width: 100%;
    height: 70%;
}
/*歌单div的大小*/
.carList {
    padding: 0 20%;
    width: 60%;
    height: 100%;
}

.el-carousel--horizontal {
    width: 100%;
}
/*歌单各项的样式*/
.carItem {
    width: 19%;
    height: 100%;
    display: block;
    float: left;
    margin-right: 1%;
}
/*歌单各项img样式*/
.carImg img {
    width: 100%;
    height: 69%;
}
/*歌单各项描述*/
.carDesc {
    width: 100%;
    height: 17%;
    font-size: 14px;
    line-height: 30px;
}
/*歌单各项下载量*/
.carDown {
    width: 100%;
    height: 9%;
    font-size: 12px;
    color: #808080;
}
/*走马灯两边的按钮*/
.el-carousel__button {
    width: 10px;
    height: 10px;
    background: #afafaf;
    border-radius: 50%;
}

.el-carousel__arrow--left {
    left: 0;
}

.el-carousel__arrow--right {
    right: 0;
}

.el-carousel__arrow {
    border-radius: 0;
    font-size: 40px;
    width: 60px;
    height: 80px;
}
/*新碟样式*/
.newCd {
    width: 100%;
    height: 540px;
    background: #f5f5f5;
}
/*新碟标题*/
.recomCd {
    text-align: center;
    font-size: 35px;
    height: 100px;
    line-height: 100px;
    letter-spacing: 6px;
}
/*新碟总div大小*/
.recomCdList {
    padding: 0 15%;
    width: 70%;
}
/*新碟各项的大小*/
.cdItem {
    width: 18%;
    height: 410px;
    display: block;
    float: left;
    margin-right: 2%;
    background-size: 100% 100%;
}
/*新碟曲目*/
.cdQm {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 26px;
    text-align: center;
    color: white;
}
/*新碟歌单*/
.cdGd {
    font-size: 14px;
    color: white;
    line-height: 20px;
    height: 311px;
    padding-left: 20px;
}
/*新碟购买*/
.cdBtn {
    text-align: center;
}


/*排行榜*/
.Rank {
    width: 100%;
    height: 470px;
}
/*排行榜标题*/
.RankTitle {
    height: 80px;
    line-height: 80px;
    width: 100%;
}
/*排行榜分类*/
.RankType {
    padding: 0 17%;
    width: 66%;
    height: 370px;
}
/*排行榜每行*/
.rankRow {
    height: 150px;
}
/*排行榜每列的大小*/
.rankCol {
    background-color: #f6f6f6;
    height: 100%;
    width: 31.3%;
    margin-right: 2%;
    display: block;
    float: left;
    margin-bottom: 10px;
}
/*各列中左边*/
.colLeft {
    width: 150px;
    height: 100%;
    float: left;

}
.colLeft img{
    width:150px;
    height:150px;
}
/*各列中右边*/
.colRight {
    width: auto;
    padding-left: 2%;
    float: right;
    padding-top: 1%;
}
/*各列中右边图片*/
.rightImg {
    width: 20%;
    float: left;
}
/*各列中右边描述*/
.rightDesc {
    width: 78%;
    float: left;
}
.rightDesc div{
        font-size:14px;
}
/*各列中右边div大小*/
.rightImg div, .rightDesc div {
        width: 100%;
        height: 33%;
}
/*rank的图片*/
.rightImg div {
    background-size: 100% ;
    vertical-align: middle;
    background-repeat: no-repeat;
}
/*描述div的样式*/
.rightDesc div {
    font-size: 16px;
}
